<include file="mobile/Public/header" />

<link rel="stylesheet" href="__CSS__/fonts.css">
<link rel="stylesheet" href="__CSS__/detail_font.css">
<link rel="stylesheet" href="__CSS__/good.css">
<style>
    .detail-icon-phone2 {position: relative;top: 2px;}
    .user-section-p img{ vertical-align: middle;width: 2rem}
    .user-section-p span{position: relative;top: 3px;margin-left: 1rem}
    .detail-sort-section{background: white;border-top: thin solid #e2e2e2}
    .detail-sort-section li{padding: 1rem 0}
    .order-ball-content{ position: relative;}
    .order-red-ball{
        position: absolute;  top:-9px;  right: -15px;
        display: inline-block;  font-size: 12px;
        height: 15px;width: 15px;line-height: 15px;
        background-color: white;  border-radius: 50%;
        padding:2px;  text-align: center;
    }
    /*.order-red-ball{
        position: absolute;  top:-9px;  right: -15px;
        display: inline-block;  font-size: 0.5rem;
        height: 1rem;width: 1rem;line-height: 1rem;
        background-color: white;  border-radius: 50%;
        padding:2px;  text-align: center;
    }*/
    /*积分和余额*/
    .more-info{  border-top:thin solid #e2e2e2;}
    .more-info li{  padding: 0.5em 0;  border-right: thin solid #ddd;  }
    .more-info li:last-child{  border-right: none;  }
    .more-info .info-brief{  width: 10em;  margin:0 auto;  text-align: center;  }
    .more-info .info-value{  margin-top: 0.5em;  font-size: 1em;  }
</style>
<header class="color-main vertical-box">
    <span class="header-title">个人中心</span>
</header>
<article class="user-article nav-footer-margin">
    <section class="good-section linear-section margin-top-section">
        <div class="good-section-left">
            <img class="good-section-img bg-avatar" src="<php> echo((!empty($su['avatar32']))?pic($su['avatar32']):'__IMG__/avatar.png')</php>">
        </div>
        <div class="good-section-right border-box">
            <p><php> if(!empty($su['nickname'])) echo $su['nickname'] </php></p>
            <!--<p class="small-text"><span class="detail-icon-user active-font"></span><php> /*if(!empty($su['name'])) echo $su['name'] */</php></p>-->
            <php>
            if(!empty($su['mobile'])){
                echo '<p class="small-text"><span class="detail-icon-phone2 active-font"></span>'.$su['mobile'].'</p>';
            }
            </php>
        </div>
    </section>
    <section class="linear-section linear-noinput" onclick="window.location.href='{:U('shop/index/orders')}'">
        <p class="user-section-p"><img src="__IMG__/order.png"><span>我的订单</span></p>
        <span class="linear-right vertical-box"><span>
            <span class="white-tips-font small-text">查看全部已购宝贝</span>
            <img src="__IMG__/go.png">
        </span></span>
    </section>
    <php>
    $status_array=array();
    if(!empty($order_count_group_by_status)){
	    $status_array = $order_count_group_by_status;
    }
    </php>
    <section class="detail-sort-section">
        <div class="display-table">
            <ul>
                <li class="tips-font" onclick="window.location.href='{:U('shop/index/orders',array('status'=>'1'))}'">
                    <span class="order-ball-content">待付款
                        <php>
                        if(!empty($status_array['1'])){
                            echo '<span class="order-red-ball active-font active-border">'.$status_array['1'].'</span>';
                        }
                        </php>
                    </span>
                </li>
                <li class="tips-font" onclick="window.location.href='{:U('shop/index/orders',array('status'=>'2'))}'">
                    <span class="order-ball-content">待发货
                        <php>
                        if(!empty($status_array['2'])){
                            echo '<span class="order-red-ball active-font active-border">'.$status_array['2'].'</span>';
                        }
                        </php>
                    </span>
                </li>
                <li class="tips-font" onclick="window.location.href='{:U('shop/index/orders',array('status'=>'3'))}'">
                    <span class="order-ball-content">待收货
                        <php>
                        if(!empty($status_array['3'])){
                            echo '<span class="order-red-ball active-font active-border">'.$status_array['3'].'</span>';
                        }
                        </php>
                    </span>
                </li>
                <li class="tips-font" onclick="window.location.href='{:U('shop/index/orders',array('status'=>'4'))}'">
                    <span class="order-ball-content">待评价
                        <php>
                        if(!empty($status_array['4'])){
                            echo '<span class="order-red-ball active-font active-border">'.$status_array['4'].'</span>';
                        }
                        </php>
                    </span>
                </li>
            </ul>
        </div>
    </section>
    <section class="linear-section linear-noinput" onclick="window.location.href='{:U('shop/index/user_coupon')}'">
        <p class="user-section-p"><img src="__IMG__/point.png"><span>我的优惠券</span></p>
        <span class="linear-right vertical-box"><span>
            <img src="__IMG__/go.png">
        </span></span>
    </section>
	<section class="linear-section linear-noinput last-liner-section margin-bottom" onclick="window.location.href='{:U('shop/index/address')}'">
		<p class="user-section-p"><img src="__IMG__/address.png"><span>我的地址</span></p>
        <span class="linear-right vertical-box"><span>
            <img src="__IMG__/go.png">
        </span></span>
	</section>
    <section class="linear-section linear-noinput last-liner-section margin-bottom" onclick="window.location.href='{:U('shop/index/suggest')}'">
        <p class="user-section-p"><img src="__IMG__/suggest.png"><span>我的建议</span></p>
        <span class="linear-right vertical-box"><span>
            <img src="__IMG__/go.png">
        </span></span>
    </section>
    <!---->
</article>
<include file="mobile/Public/nav-footer" />
<include file="mobile/Public/footer" />


<script>
    //'jquery' or 'zepto' 脚本入口,按情况选择加载
    seajs.use('zepto', function () {
        $(document).ready(function () {

        })
    });
</script>
</body>
</html>